<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <title>{% block title %}Blog - {% endblock %}</title>
    {% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}"type="text/css" />
    <link rel="stylesheet" href="{{ asset('css/style.css') }}"type="text/css" />
    {% endblock %}
{% block javascripts %}
 <script src="{{ asset('js/test.js') }}"></script>
{% endblock %}
<div class="connexion">
                        {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                            Connecté en tant que {{ app.user.username }} - <a href="{{ path('fos_user_security_logout') }}">Déconnexion</a>
                        {% else %}
                            <a href="{{ path('fos_user_security_login') }}">Connexion</a>
                            {% endif %}
                </div>
    </head>

    <!--[if IE 6 ]><body class="ie6 old_ie"><![endif]-->
    <!--[if IE 7 ]><body class="ie7 old_ie"><![endif]-->
    <!--[if IE 8 ]><body class="ie8"><![endif]-->
    <!--[if IE 9 ]><body class="ie9"><![endif]-->
    <!--[if !IE]><!--><body><!--<![endif]-->
       
     <header>
                <div id="titre_principal">
                    <h1>Wbi</h1>
                    <h2>Web Business Intellegence</h2>
                </div>
 
                <nav1>
                    <ul>
                        <li><a href="#">Accueil</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">CV</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav1>


    </header>
    <body>

<nav2>
<h2>Menu Pricipale</h2>
         <ul>
                        <li><a href="#">Accueil</a></li>
                        <li><a href="{{ path('posts') }}">Blog</a></li>
                        <li><a href="#">CV</a></li>
                        <li><a href="#">Contact</a></li>
         </ul>
</nav2>


<div id="bloc_page">

            <div id="banniere_image">
 
                <div id="banniere_description">
                    Retrouvez tout les sujets du jours dans notre <a href="{{ path('posts') }}"><u>blog</u></a>...
                    <a href="{{ path('posts') }}" class="bouton_rouge">Voir tout les articles<img src="../../images/flecheblanchedroite.png" alt="" /></a>
                </div>
             
            </div>
{% block menu %}{% endblock %}
<section>
                  {% block body %}{% endblock %}
                {% block javascripts1 %}{% endblock %}
</section>
 </div>
 
<div id="foot">
            <footer>
                <div id="tweet">
                    <h1>Mon dernier tweet</h1>
                    <p>Hii haaaaaan !</p>
                    <p>le 12 mai à 23h12</p>
                </div>
                <div id="mes_photos">
                    <h1>Mes photos</h1>
                    <p><img src="../../images/photo1.jpg" alt="Photographie" />
                       <img src="../../images/photo2.jpg" alt="Photographie" />
                       <img src="../../images/photo3.jpg" alt="Photographie" />
                       <img src="../../images/photo4.jpg" alt="Photographie" /></p>
                </div>
                <div id="mes_amis">
                    <h1>Mes amis</h1>
                    <ul>
                        <li><a href="#">Pupi le lapin</a></li>
                        <li><a href="#">Mr Baobab</a></li>
                        <li><a href="#">Kaiwaii</a></li>
                        <li><a href="#">Perceval.eu</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">Belette</a></li>
                        <li><a href="#">Le concombre masqué</a></li>
                        <li><a href="#">Ptit prince</a></li>
                        <li><a href="#">Mr Fan</a></li>
                    </ul>
                </div>
            </footer>


 </div>

</body>
</html>
